<ul id="homeMenu" class="nav nav-pills">
    <!--li ><a href="#/" >Home</a></li-->
    <li ><a href="#/eventos" >Events</a></li>
    <li class="active"><a href="#/new">Invite-me</a></li>
</ul>
</br>

 <!--
 Evento:
	id
	nombre
	fechaInicio
	fechaFin
	direccion
	detalle
	invitados: List<Invitado>
	tareas: List<Tarea>

 -->




<form ng-submit="notificarEvento()">
<ul>
    <li>
        <input ng-model="evento.nombre" placeholder="Nombre del evento"  ng-required="true"/>
    </li>
    <li>
        <input id="fechaInicio"  type="datetime-local" ng-model="evento.fechaInicio" ng-required="true" />
        <a href="" onclick="mostrarFechaFinEsconderLink(this,'#fechaFin')" >finaliza...</a>
        <input id="fechaFin"  type="datetime-local" ng-model="evento.fechaFin" style="display: none"/>
    </li>
    <li>
        <input ng-model="evento.direccion" placeholder="Direccion." ng-required="true"/>
    </li>
    <li>
        <input ng-model="evento.detalle" placeholder="Detalles... (opcional)"/>
    </li>
    <li>
            <button type="button" ng-click="mostrarContactos()">CONTACTOS</>

    </li>
    <li>
        <div ng-repeat="contacto in contactos">
            <input type="checkbox" ng-model="contactos[$index].seleccionado"/>
            <img style="height: 60px; width: 60px" ng-src="{{contacto.avatar}}"/>
            nombre:{{contacto.nickName}}
        </div>
    </li>
    <li>
        <a href="#/"  class="btn btn-default btn-sm">VOLVER</a>
        <input type="submit"  class="btn btn-primary btn-sm"  ng-value="botonNotificarLabel"/>

    </li>


</ul>
</form>
<script type="text/javascript">

    function mostrarFechaFinEsconderLink(link,elementId){
        $(elementId).css('display', 'inline-block');
        $(link).css('display', 'none');
    }



</script>

